<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>游戏中心</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/game.css">
    <script src="js/jquery.min.js"></script>
</head>
<body>
<!-- 导航栏 -->
<div class="nav">
    <div class="nav_con">
        <img class="logo" src="images/logo.png" width="10%"/>
        <img class="logo_infro" src="images/logo_infro.png" width="15%"/>
        <ul class="nav_ul">
            <li class="nav_li"><a href="index.html" title="从这里开始">首页</a>
                <div></div>
            </li>
            <li class="nav_li"><a href="about.html" title="公司简介">关于幻城</a>
                <div></div>
            </li>
            <li class="nav_li"><a href="game.html" class="active_hover" title="精品专区">幻城游戏</a>
                <div></div>
            </li>
            <li class="nav_li"><a href="join.html" title="招贤纳士">加入幻城</a>
                <div></div>
            </li>
            <li class="nav_li"><a href="contact.html" title="保持联系">联系我们</a>
                <div></div>
            </li>
        </ul>
    </div>
</div>
<div class="kongbai"></div>
<!-- 导航栏滑条 -->
<script>
    $(function () {
        function play() {
        };
        play.prototype = {
            NavHover: function () {
                $(".nav_li").hover(function () {
                    $(this).find('div').stop().animate({"width": "100%"}, 300);
                }, function () {
                    $(this).find('div').stop().animate({"width": "0px"}, 200);
                });
            }
        }
        var Play = new play()
        Play.NavHover();
    })
</script>
<!-- 导航栏结束 -->

<!-- 游戏中心 -->
<div class="game_banner"></div>
<div class="brang_video">
    <div class="b_content">
        <div class="b_content_infro"></div>
        <div class="b_content_infro">
            <div class="b_c_infro_t">长春麻将</div>
            <div class="b_c_infro_con"><strong>长春麻将</strong> 是一种广泛流行于吉林省长春地区的大众打法麻将游戏，在推倒胡规则基础上增加旋风杠、喜杠、幺九杠，立胡、宝牌胡等本地特色玩法，是一款集合健康休闲、锻炼思维的益智游戏。</div>
            <div class="b_c_btn"><img src="images/btn.png"></div>
            <!-- 弹出框 -->
            <div class="branch-proup">
                <div class="branch-proup-content">
                    <div class="branch-proup-txt">
                        <p>手机扫描二维码</p>
                        <p>下载更多游戏</p>
                    </div>
                    <div class="branch-proup-img"><img id="ewmsrc0" src="images/code.jpg"></div>
                </div>
            </div>
        </div>
        <div class="b_content_infro">
            <div class="b_c_infro_t b_c_t2">兴安盟麻将</div>
            <div class="b_c_infro_con b_c_t2"><strong>兴安盟麻将</strong> 是专为兴安盟地区的玩家打造，规则正宗地道，绝对让你体验到原汁原味的麻将游戏，博乐兴安盟真人在线竞技，全都是老乡和朋友，下载博乐兴安盟麻将，和朋友来场酣畅淋漓的对决，你还等什么！
            </div>
            <div class="b_c_btn b_c_t2"><img src="images/btn.png"></div>
        </div>
        <div class="b_content_infro"></div>
        <div class="b_content_infro"></div>
        <div class="b_content_infro">
            <div class="b_c_infro_t">呼伦贝尔麻将</div>
            <div class="b_c_infro_con"><strong>呼伦贝尔麻将</strong> 是一款由专业团队深入内蒙古调研之后打造的顶级内蒙麻将游戏，超正宗地道的呼市地区麻将游戏规则，创新的战绩分享功能，顶级的防作弊系统，是一款不可多得的地方麻将游戏！
            </div>
            <div class="b_c_btn"><img src="images/btn.png"></div>
        </div>
        <div class="b_content_infro">
            <div class="b_c_infro_t b_c_t2">博乐填大坑</div>
            <div class="b_c_infro_con b_c_t2"><strong>博乐填大坑</strong> 是当地首屈一指的特色扑克类游戏，流行于东北及内蒙地区，又名（填坑、踢坑），清晰流畅的游戏画质，让你随时都可以享受到超真实的对战体验，是博乐棋牌主打游戏之一，深受广大玩家的喜爱。
            </div>
            <div class="b_c_btn b_c_t2"><img src="images/btn.png"></div>
        </div>
        <div class="b_content_infro"></div>
    </div>
</div>
<script type="text/javascript">
    $(function() {
        // 点击按钮
        var btn = $('.b_c_btn');
        // 弹出框
        var proup = $('.branch-proup');

        // 点击按钮 弹窗出现
        btn.click(function() {
            proup.show();
        })

        // 点击弹窗内容以外的地方关闭弹窗
        proup.on('click', function(e) {
            if ($(e.target).closest('.branch-proup-content').length > 0) {
                /*alert('弹出框内部被点击了')*/
            } else {
                /*alert('弹出框以外的部分被点击了');*/
                // 关闭弹框
                proup.hide();
            }
        });
    })
</script>
<!-- 游戏中心结束 -->

<!-- 右侧漂浮 -->
<div class="rightfix">
    <dl>
        <dd>
            <a class="kefu"></a>
        </dd>
        <dd>
            <a class="back_top"></a>
        </dd>
    </dl>
</div>
<script>
    $(".back_top").hide();
    $(function () {
        $(window).scroll(function () {
            if ($(window).scrollTop() > 100) {
                $(".back_top").fadeIn(200);
            }
            else {
                $(".back_top").fadeOut(200);
            }
        });

        $(".back_top").click(function () {
            $('body,html').animate({scrollTop: 0}, 500);
            return false;
        });
    });
</script>
<!-- 遮罩层 -->
<div id="goodcover"></div>
<!-- 弹出框 -->
<div id="code">
    <div class="header">
        <div class="close1" style="margin: 10px 10px 0 0;"><a href="javascript:void(0)" id="closebt"><img src="images/close.png"></a></div>
    </div>
    <div class="header1">
        <div class="goodtxt">
            <p>微信扫一扫</p>
            <p>添加博乐官方微信</p>
            <p>了解更多游戏相关</p>
        </div>
        <div class="code-img"> <img id="ewmsrc"  src="images/code.jpg"/></div>
    </div>
    <div class="header2">
        <div class="goodtxt">
            <p>微信扫一扫</p>
            <p>添加博乐官方微信客服</p>
            <p>了解更多游戏相关~</p>
        </div>
        <div class="code-img"> <img id="ewmsrc1"  src="images/code.jpg"/></div>
    </div>
</div>
<script>
    $(function () {
        //alert($(window).height());
        $('.kefu').click(function () {
            $('#code').center();
            $('#goodcover').show();
            $('#code').fadeIn();
        });
        $('#closebt').click(function () {
            $('#code').hide();
            $('#goodcover').hide();
        });
        $('#goodcover').click(function () {
            $('#code').hide();
            $('#goodcover').hide();
        })
        jQuery.fn.center = function (loaded) {
            var obj = this;
            body_width = parseInt($(window).width());
            body_height = parseInt($(window).height());
            block_width = parseInt(obj.width());
            block_height = parseInt(obj.height());

            left_position = parseInt((body_width / 2) - (block_width / 2) + $(window).scrollLeft());
            if (body_width < block_width) {
                left_position = 0 + $(window).scrollLeft();
            }
            ;

            top_position = parseInt((body_height / 2) - (block_height / 2) + $(window).scrollTop());
            if (body_height < block_height) {
                top_position = 0 + $(window).scrollTop();
            }
            ;

            if (!loaded) {

                obj.css({
                    'position': 'absolute'
                });
                obj.css({
                    'top': ($(window).height() - $('#code').height()) * 0.5,
                    'left': left_position
                });
                $(window).bind('resize', function () {
                    obj.center(!loaded);
                });
                $(window).bind('scroll', function () {
                    obj.center(!loaded);
                });

            } else {
                obj.stop();
                obj.css({
                    'position': 'absolute'
                });
                obj.animate({
                    'top': top_position
                }, 200, 'linear');
            }
        }

    })
</script>
<!-- 右侧漂浮 end -->

<!-- 联系我们 -->
<div class="contact_us">
    <div class="contact_con">
        <div class="con_list c_c_one">
            <div class="con_list_title">联系我们</div>
            <div class="c_l_wx">
                <img src="images/wx.png"/>
                <div class="wx_font">关注官方微信<br>获得更多资讯</div>
                <img class="wx_img" src="images/ewm1.jpg"/>
            </div>
            <div class="c_l_wx c_l_wb">
                <img src="images/wx.png"/>
                <div class="wx_font">关注官方客服<br>获得更多资讯</div>
                <img class="wx_img2" src="images/ewm2.jpg">
            </div>
        </div>
        <div class="con_list c_c_two">
            <div class="c_c_t_con">
                <img src="images/mail.png"/>
                <div class="c_mail">E-mail：advice@yeahworld.com</div>
            </div>
            <div class="c_c_t_con c_c_address">
                <img src="images/address.png"/>
                <div class="c_mail">地址：吉林省长春市人民大街7088号伟峰国际702室</div>
            </div>
        </div>
    </div>
</div>
<!-- 联系我们结束 -->

<!-- 页脚 -->
<div class="footer">
    <div class="footer_con">
        <div class="foote_logo">
            <img src="images/logo.png"/>
        </div>
        <div class="footer_font">
            <ul>
                <li><a href="about.html" target="_blank">关于幻城 </a><span class="np">|</span> <a href=""
                                                                                               target="_blank"></a>服务协议<span
                        class="np">|</span> <a href="join.html" target="_blank">加入我们</a><span class="np">|</span> <a
                        href="contact.html" target="_blank">联系我们</a></li>
                <li>吉林幻城科技有限公司 版权所有 吉网文 【2017】 1133-004号 吉ICP备17000914号-1</li>
                <li>ICP：吉B2-20170047</li>
            </ul>
        </div>
    </div>
</div>
<!-- 页脚结束 -->

<!-- 满屏蒲公英动效 -->
<div class="snow-container" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;"></div>
<script src="js/jquery-pugongying.min.js"></script>
<script type="text/javascript" src="all.js"></script>
<!-- 满屏蒲公英动效 end -->
</body>
</html>
